Vue项目在IE下警告“ReferenceError:‘Promise’未定义”

共计 317 个字符，预计需要花费 1 分钟才能阅读完成。

前言

最近在做项目的时候，用 Vue 构建的项目，但是在 IE 的模式下是一个空白页，打开控制台警告“ReferenceError:‘Promise’未定义”，于是就上网寻找了一下解决办法，其原因主要是 ie9 和一些低版本的高级浏览器对 es6 新语法并不支持，所以我们需要靠 babel-polyfill 来解决这个问题。

正文

首先，我们需要安装 babel-polyfill 依赖，这里我是使用的 Yran：

yarn add babel-polyfill

然后在 Vue 项目的 src 项目中的 main.js 中引入 babel-polyfill 依赖：

import "babel-polyfill";

到这一步，重新 npm run dev 一下，再在 IE 中访问项目，就可以正常浏览了。